<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>测试文档</title>
</head>

<body>
<template>
  <div id="customer-pool">
    <div
      class="col-md-12"
      style="border-top: 1px solid #ccc; border-bottom: 1px solid #ccc"
    >
      <el-row>
        <el-col :span="16" style="padding-left: 20px">
          <el-tooltip
            class="item"
            effect="dark"
            content="选择要显示的列"
            placement="top"
          >
            <el-popover placement="bottom" width="300" trigger="click">
              <el-col :span="12">
                <el-checkbox
                  v-model="showCustomerCode"
                  @change="showHide('showCustomerCode')"
                  >客户代码
                </el-checkbox>
              </el-col>
              <el-col :span="12">
                <el-checkbox
                  v-model="showCustomerStatus"
                  @change="showHide('showCustomerStatus')"
                  >客户状态
                </el-checkbox>
              </el-col>
              <el-col :span="12">
                <el-checkbox
                  v-model="showCustomerCate"
                  @change="showHide('showCustomerCate')"
                  >客户类别
                </el-checkbox>
              </el-col>
              <el-col :span="12">
                <el-checkbox
                  v-model="showCreditRank"
                  @change="showHide('showCreditRank')"
                  >客户信用等级
                </el-checkbox>
              </el-col>
              <el-col :span="12">
                <el-checkbox
                  v-model="showCreditLine"
                  @change="showHide('showCreditLine')"
                  >授信额度
                </el-checkbox>
              </el-col>
              <el-col :span="12">
                <el-checkbox
                  v-model="showCapital"
                  @change="showHide('showCapital')"
                  >注册资金</el-checkbox
                >
              </el-col>
              <el-col :span="12">
                <el-checkbox
                  v-model="showAnnualSales"
                  @change="showHide('showAnnualSales')"
                  >年销售额
                </el-checkbox>
              </el-col>
              <el-col :span="12">
                <el-checkbox v-model="showBank" @change="showHide('showBank')"
                  >对公银行账号</el-checkbox
                >
              </el-col>
              <el-col :span="12">
                <el-checkbox
                  v-model="showCertificateNo"
                  @change="showHide('showCertificateNo')"
                  >开户银行
                </el-checkbox>
              </el-col>
              <el-col :span="12">
                <el-checkbox
                  v-model="showAddress"
                  @change="showHide('showAddress')"
                  >税务登记证号
                </el-checkbox>
              </el-col>
              <el-col :span="12">
                <el-checkbox v-model="showArea" @change="showHide('showArea')"
                  >地址</el-checkbox
                >
              </el-col>
              <el-col :span="12">
                <el-checkbox v-model="showBrand" @change="showHide('showBrand')"
                  >经营面积</el-checkbox
                >
              </el-col>
              <el-col :span="12">
                <el-checkbox
                  v-model="showBankAccount"
                  @change="showHide('showBankAccount')"
                  >模拟，对应列表的列项
                </el-checkbox>
              </el-col>
              <el-button
                size="small"
                slot="reference"
                type="plain"
                class="setting"
              >
                <div style="display: flex; flex-direction: column">
                  <i class="el-icon-setting"></i>
                  <span style="margin-top: 3px">显示设置</span>
                </div>
              </el-button>
            </el-popover>
          </el-tooltip>

          <el-button
            @click="alertopen"
            size="small"
            style="margin-top: 10px; margin-bottom: 10px; margin-left: 10px"
            type="plain"
            class="setting"
          >
            <div style="display: flex; flex-direction: column">
              <i class="el-icon-circle-plus-outline"></i>
              <span style="margin-top: 3px">领取客户</span>
            </div>
          </el-button>

          <el-button
            @click="dialogCustomerTransfer = true"
            size="small"
            style="margin-top: 10px; margin-bottom: 10px"
            type="plain"
            class="setting"
          >
            <div style="display: flex; flex-direction: column">
              <i class="el-icon-sort"></i>
              <span style="margin-top: 3px">移交客户</span>
            </div>
          </el-button>

          <el-input
            placeholder
            v-model="inputSearch"
            class="input-with-select input-search"
            style="margin-left: 10px; width: 450px; height: 47px; top: 9px"
            speech
            x-webkit-speech
            size="large"
          >
            <el-select
              v-model="selectsearch"
              slot="prepend"
              placeholder="请选择"
            >
              <el-option label="客户名称" value="1"></el-option>
              <el-option label="业务联系人" value="2"></el-option>
              <el-option label="业务电话" value="3"></el-option>
              <el-option label="合作状态" value="4"></el-option>
              <el-option label="序号id" value="5"></el-option>
              <el-option label="客户代码" value="6"></el-option>
            </el-select>
            <i slot="prefix" class="iconfont iconpaizhao1"></i>

            <el-button slot="append" icon="el-icon-search" style="height: 47px"
              >查询</el-button
            >
          </el-input>
        </el-col>

        <el-col :span="8" style="padding-right: 10px">
          <el-button
            @click="handleDelCustomer(1)"
            size="small"
            style="
              margin-top: 10px;
              margin-bottom: 10px;
              margin-left: 10px;
              float: right;
            "
            class="setting"
          >
            <div style="display: flex; flex-direction: column">
              <i class="el-icon-delete"></i>
              <span style="margin-top: 3px">删除</span>
            </div>
          </el-button>
          <el-button
            @click="handleImport(2)"
            size="small"
            style="margin-top: 10px; margin-bottom: 10px; float: right"
            type="plain"
            class="setting"
          >
            <div style="display: flex; flex-direction: column">
              <i class="el-icon-upload2"></i>
              <span style="margin-top: 3px">导出</span>
            </div>
          </el-button>
          <el-button
            @click="handleImport(1)"
            size="small"
            style="margin-top: 10px; margin-bottom: 10px; float: right"
            type="plain"
            class="setting"
          >
            <div style="display: flex; flex-direction: column">
              <i class="el-icon-download"></i>
              <span style="margin-top: 3px">导入</span>
            </div>
          </el-button>

          <!--					<el-button @click="openCustomerEdit(1)" size="small" style="margin-top: 10px;margin-bottom: 10px;float: right"
                               type="plain" class="setting">
                                  <div style="display: flex;flex-direction: column;"><i class="el-icon-edit"></i><span style="margin-top: 3px">修改</span></div>
                    </el-button>-->
          <el-button
            @click="openCustomerAdd()"
            size="small"
            style="
              margin-top: 10px;
              margin-bottom: 10px;
              float: right;
              margin-left: 10px;
            "
            type="plain"
            class="setting"
          >
            <div style="display: flex; flex-direction: column">
              <i class="el-icon-plus"></i>
              <span style="margin-top: 3px">新建</span>
            </div>
          </el-button>
        </el-col>
      </el-row>
    </div>

    <el-table
      ref="multipleTable"
      stripe
      :data="tableData"
      :show-summary="false"
      border
      height="650"
      row-class-name="tableRow"
      header-row-class-name="tableHeader"
      :highlight-current-row="true"
      @row-dblclick="openCustomerInfo()"
      style="width: 100%; border-top: 1px solid #c5c5c5"
    >
      <el-table-column type="selection" width="55"></el-table-column>
      <el-table-column
        prop="id"
        label="id"
        sortable
        width="75"
      ></el-table-column>
      <el-table-column
        prop="createtime"
        label="创建时间"
        sortable
        width="120"
      ></el-table-column>
      <el-table-column
        prop="name"
        label="客户名称"
        sortable
        width="150"
      ></el-table-column>
      <el-table-column
        prop="kfdm"
        label="客户代码"
        sortable
        width="200"
      ></el-table-column>
      <el-table-column
        prop="kfzt"
        label="客户状态"
        sortable
        width="200"
      ></el-table-column>
      <el-table-column
        prop="contacts"
        label="业务联系人"
        sortable
        width="120"
      ></el-table-column>
      <el-table-column
        prop="mobile"
        label="业务电话"
        sortable
        width="150"
      ></el-table-column>
      <!-- <el-table-column prop="tel" label="业务电话" sortable width="150"></el-table-column> -->
      <el-table-column
        prop="wx_number"
        label="业务微信"
        sortable
        width="150"
      ></el-table-column>
      <el-table-column
        prop="email"
        label="业务邮箱"
        sortable
        width="200"
      ></el-table-column>
      <el-table-column
        prop="type"
        label="客户类别"
        sortable
        width="200"
      ></el-table-column>
      <el-table-column
        prop="fax"
        label="传真"
        sortable
        width="150"
      ></el-table-column>
      <el-table-column
        prop="addr"
        label="地址"
        sortable
        width="200"
      ></el-table-column>
      <el-table-column
        prop="website"
        label="网址"
        sortable
        width="120"
      ></el-table-column>
      <el-table-column
        prop="resource"
        label="客户来源"
        sortable
        width="120"
      ></el-table-column>
      <el-table-column
        prop="log"
        label="跟进记录"
        sortable
        width="100"
      ></el-table-column>
      <el-table-column
        v-if="showInsertime"
        prop="followuptime"
        label="最后跟进时间"
        width="120"
      ></el-table-column>
      <el-table-column
        prop="creator"
        label="创建人"
        sortable
        width="100"
      ></el-table-column>
      <el-table-column
        prop="updatetime"
        label="更新时间"
        sortable
        width="100"
      ></el-table-column>
      <el-table-column prop="remark" label="备注" width="150"></el-table-column>
      <!--			<el-table-column fixed="right" label="操作" width="100">
                      <template slot-scope="scope">
                          <el-button @click="openCustomerInfo(scope.row)" type="text" size="small">查看</el-button>
                          <el-button @click="openCustomerEdit(scope.row)" type="text" size="small">编辑</el-button>
                      </template>
            </el-table-column>-->
    </el-table>
    <div class="block">
      <el-pagination
        @size-change="handleSizeChange1"
        @current-change="handleCurrentChange1"
        :current-page="currentPage1"
        :page-sizes="[10, 20, 50, 100]"
        :page-size="20"
        layout="total, sizes, prev, pager, next, jumper"
        :total="400"
      ></el-pagination>
    </div>

    <el-dialog
      id="dialog-customer-add"
      class
      title="新建客户"
      :visible.sync="dialogCustomerAdd"
      style="display: none"
      top="10vh"
      :fullscreen="fullscreen"
    >
      <dialog-tools
        v-bind:back="true"
        v-bind:next="true"
        v-bind:goback="true"
        v-bind:prev="true"
        v-bind:screen="true"
        @clickfullscreen="clickfullscreen"
      >
      </dialog-tools>
      <el-form
        size="mini"
        :model="customerAddForm"
        ref="customerAddForm"
        vlabel-width="100px;"
        :label-position="labelPosition"
        label-width="100px"
      >
        <el-form-item label="客户名称" :required="true">
          <el-input
            v-model="customerAddForm.name"
            auto-complete="off"
          ></el-input>
        </el-form-item>
        <el-form-item label="客户类别" :required="true">
          <el-select v-model="customerAddForm.type" placeholder="请选择">
            <el-option label="A类" value="A"></el-option>
            <el-option label="B类" value="B"></el-option>
            <el-option label="C类" value="C"></el-option>
            <el-option label="D类" value="D"></el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="业务联系人" :required="true">
          <el-input
            v-model="customerAddForm.capital"
            auto-complete="off"
          ></el-input>
        </el-form-item>
        <el-form-item label="业务手机" :required="true">
          <el-input
            v-model="customerAddForm.capital"
            auto-complete="off"
          ></el-input>
        </el-form-item>
        <el-form-item label="业务微信">
          <el-input
            v-model="customerAddForm.tel"
            auto-complete="off"
          ></el-input>
        </el-form-item>
        <el-form-item label="业务邮箱">
          <el-input
            v-model="customerAddForm.tel"
            auto-complete="off"
          ></el-input>
        </el-form-item>
        <el-form-item label="客户来源">
          <el-input v-model="customer.bank" auto-complete="off"></el-input>
        </el-form-item>
        <el-form-item label="客户需求">
          <el-input
            v-model="customerAddForm.address"
            auto-complete="off"
          ></el-input>
        </el-form-item>
        <el-form-item label="法人">
          <el-input
            v-model="customer.certificateno"
            auto-complete="off"
          ></el-input>
        </el-form-item>
        <el-form-item label="法人电话 	">
          <el-input v-model="customer.address" auto-complete="off"></el-input>
        </el-form-item>
        <el-form-item label="业务邮箱">
          <el-input v-model="customer.address" auto-complete="off"></el-input>
        </el-form-item>
        <el-form-item label="联系地址" style="width: 100%; cleat: both">
          <el-input
            type="textarea"
            v-model="customerAddForm.address"
            auto-complete="off"
          ></el-input>
        </el-form-item>
        <el-form-item label="备注" style="width: 100%; cleat: both">
          <el-input
            type="textarea"
            v-model="customer.address"
            auto-complete="off"
          ></el-input>
        </el-form-item>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button style="float: left; margin-left: 20px">
          提取图片文字
          <!-- <a href="//fanyi.baidu.com" target="new">提取图片文字</a> -->
        </el-button>

        <el-button>重 置</el-button>
        <el-button @click="dialogCustomerAdd = false">取 消</el-button>
        <el-button type="primary" @click="dialogCustomerAddSubmit">确定新增</el-button
        >
      </div>
    </el-dialog>

    <el-dialog
      id="dialog-customer-info"
      title="客户详情"
      :visible.sync="dialogCustomerInfo"
      style="display: none"
      top="10vh"
      width="90%"
      :fullscreen="fullscreen"
    >
      <dialog-tools
        v-bind:back="true"
        v-bind:next="true"
        v-bind:goback="true"
        v-bind:prev="true"
        v-bind:screen="true"
        @clickfullscreen="clickfullscreen"
      >
      </dialog-tools>
      <customer-info></customer-info>
      <div slot="footer" class="dialog-footer">
        <el-button style="float: left" @click="dialogCustomerEditLog = true"
          >操作记录 3</el-button
        >
        <el-dropdown style="float: left; margin-left: 15px">
          <el-button>
            关联数据<i class="el-icon-arrow-down el-icon--right"></i>
          </el-button>
          <el-dropdown-menu slot="dropdown">
            <el-dropdown-item>设计图</el-dropdown-item>
            <el-dropdown-item>客来石</el-dropdown-item>
            <el-dropdown-item>客来金</el-dropdown-item>
            <el-dropdown-item>其它...</el-dropdown-item>
          </el-dropdown-menu>
        </el-dropdown>

        <el-button icon="el-icon-printer"></el-button>
        <el-button @click="dialogCustomerInfo = false">取 消</el-button>

        <el-button type="primary" @click="alertopen">领取客户</el-button>
        <el-button
          type="primary"
          @click="
            dialogCustomerInfo = false;
            dialogCustomerTransfer = true;
          "
          >移交客户
        </el-button>
        <el-button
          type="primary"
          @click="
            dialogCustomerInfo = false;
            handleButtons(10);
          "
          >客户跟进</el-button
        >
        <!-- <el-button type="primary" @click="handleButtons(4)">客户跟进old</el-button> -->
        <el-button
          type="primary"
          @click="dialogCustomerEdit = true"
          icon="el-icon-edit"
          >编 辑</el-button
        >
        <el-button type="primary" @click="alertopen">提交审核</el-button>
      </div>
    </el-dialog>

    <el-dialog
      class="dialog-customer-edit-log"
      title="操作记录"
      :visible.sync="dialogCustomerEditLog"
      style="display: none"
      width="90%"
      top="10vh"
      :fullscreen="fullscreen"
    >
      <dialog-tools
        v-bind:back="true"
        v-bind:next="true"
        v-bind:goback="true"
        v-bind:prev="true"
        v-bind:screen="true"
        @clickfullscreen="clickfullscreen"
      >
      </dialog-tools>
      <edit-log></edit-log>
      <div slot="footer" class="dialog-footer">
        <el-button type="primary" @click="dialogCustomerEditLog = false"
          >关闭</el-button
        >
      </div>
    </el-dialog>

    <el-dialog
      id="dialog-customer-edit"
      title="编辑客户（侍审核）"
      :visible.sync="dialogCustomerEdit"
      style="display: none"
      width="90%"
      top="10vh"
      :fullscreen="fullscreen"
    >
      <dialog-tools
        v-bind:back="true"
        v-bind:next="true"
        v-bind:goback="true"
        v-bind:prev="true"
        v-bind:screen="true"
        @clickfullscreen="clickfullscreen"
      >
      </dialog-tools>
      <el-form
        size="mini"
        :model="customerEditForm"
        ref="customerEditForm"
        vlabel-width="100px;"
        :label-position="labelPosition"
        label-width="120px"
      >
        <el-form-item label="客户名称" :required="true">
          <el-input
            v-model="customerEditForm.name"
            auto-complete="off"
          ></el-input>
        </el-form-item>
        <el-form-item label="客户代码" :required="true">
          <el-input
            v-model="customerEditForm.name"
            auto-complete="off"
          ></el-input>
        </el-form-item>
        <el-form-item label="客户状态" :required="true">
          <el-select v-model="customerEditForm.status" placeholder="请选择">
            <el-option label="合作中" value="A"></el-option>
            <el-option label="未合作" value="B"></el-option>
            <el-option label="中断" value="C"></el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="客户类别" :required="true">
          <el-select v-model="customerEditForm.type" placeholder="请选择">
            <el-option label="A类" value="A"></el-option>
            <el-option label="B类" value="B"></el-option>
            <el-option label="C类" value="C"></el-option>
            <el-option label="D类" value="D"></el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="业务联系人1" :required="true">
          <el-input
            v-model="customerEditForm.capital"
            auto-complete="off"
          ></el-input>
        </el-form-item>
        <el-form-item label="业务电话" :required="true">
          <el-input
            v-model="customerEditForm.capital"
            auto-complete="off"
          ></el-input>
        </el-form-item>
        <el-form-item label="业务微信">
          <el-input
            v-model="customerEditForm.tel"
            auto-complete="off"
          ></el-input>
        </el-form-item>
        <el-form-item label="业务邮箱">
          <el-input
            v-model="customerEditForm.tel"
            auto-complete="off"
          ></el-input>
        </el-form-item>
        <el-row
          ><el-button size="mini" style="margin-left: 120px"
            >增加联系人</el-button
          ></el-row
        >
        <el-form-item label="客户来源">
          <el-input
            v-model="customerEditForm.bank"
            auto-complete="off"
          ></el-input>
        </el-form-item>
        <el-form-item label="客户需求">
          <el-input
            v-model="customerEditForm.address"
            auto-complete="off"
          ></el-input>
        </el-form-item>
        <el-form-item label="法人">
          <el-input
            v-model="customer.certificateno"
            auto-complete="off"
          ></el-input>
        </el-form-item>
        <el-form-item label="法人电话 	">
          <el-input
            v-model="customerEditForm.address"
            auto-complete="off"
          ></el-input>
        </el-form-item>
        <el-form-item label="业务邮箱">
          <el-input
            v-model="customerEditForm.address"
            auto-complete="off"
          ></el-input>
        </el-form-item>
        <el-form-item label="传真">
          <el-input
            v-model="customerEditForm.address"
            auto-complete="off"
          ></el-input>
        </el-form-item>
        <el-form-item label="信用等级">
          <el-select v-model="customerEditForm.xydj" placeholder="请选择">
            <el-option label="A级" value="A"></el-option>
            <el-option label="B级" value="B"></el-option>
            <el-option label="C级" value="C"></el-option>
            <el-option label="D级" value="D"></el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="授信额度">
          <el-select v-model="customerEditForm.sxed" placeholder="请选择">
            <el-option label="0" value="0"></el-option>
            <el-option label="1.8万" value="A"></el-option>
            <el-option label="2.5万" value="B"></el-option>
            <el-option label="3.3万" value="C"></el-option>
            <el-option label="4.0万" value="D"></el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="注册资金">
          <el-input
            v-model="customerEditForm.address"
            auto-complete="off"
          ></el-input>
        </el-form-item>
        <el-form-item label="年销售额">
          <el-input
            v-model="customerEditForm.address"
            auto-complete="off"
          ></el-input>
        </el-form-item>
        <el-form-item label="开户银行">
          <el-input
            v-model="customerEditForm.address"
            auto-complete="off"
          ></el-input>
        </el-form-item>
        <el-form-item label="对公银行账号">
          <el-input
            v-model="customerEditForm.address"
            auto-complete="off"
          ></el-input>
        </el-form-item>

        <el-form-item label="税务登记证号">
          <el-input
            v-model="customerEditForm.address"
            auto-complete="off"
          ></el-input>
        </el-form-item>
        <el-form-item label="经营面积">
          <el-input
            v-model="customerEditForm.address"
            auto-complete="off"
          ></el-input>
        </el-form-item>

        <el-form-item label="授权品牌">
          <el-input
            v-model="customerEditForm.address"
            auto-complete="off"
          ></el-input>
        </el-form-item>
        <el-form-item label="注册商标">
          <el-input
            v-model="customerEditForm.address"
            auto-complete="off"
          ></el-input>
        </el-form-item>
        <el-form-item label="网址">
          <el-input
            v-model="customerEditForm.address"
            auto-complete="off"
          ></el-input>
        </el-form-item>
        <el-form-item label="创建人">
          <el-input
            v-model="customerEditForm.address"
            auto-complete="off"
            :disabled="true"
          ></el-input>
        </el-form-item>
        <el-form-item label="创建时间">
          <el-input
            v-model="customerEditForm.address"
            auto-complete="off"
            :disabled="true"
          ></el-input>
        </el-form-item>
        <el-form-item label="更新时间">
          <el-input
            v-model="customerEditForm.address"
            auto-complete="off"
            :disabled="true"
          ></el-input>
        </el-form-item>
        <el-form-item label="联系地址" style="width: 100%; cleat: both">
          <el-input
            v-model="customerEditForm.address"
            auto-complete="off"
          ></el-input>
        </el-form-item>
        <el-form-item label="备注" style="width: 100%; cleat: both">
          <el-input
            type="textarea"
            v-model="customerEditForm.address"
            auto-complete="off"
          ></el-input>
        </el-form-item>
        <el-form-item label="附件" style="width: 100%; cleat: both">
          <el-upload
            style="margin-left: 0px"
            class="upload-demo"
            action="https://jsonplaceholder.typicode.com/posts/"
            multiple
            :limit="3"
          >
            <el-button size="small" type="primary">上传</el-button>
            <div slot="tip" class="el-upload__tip">
              只能上传jpg/png文件，且不超过500kb
            </div>
          </el-upload>
        </el-form-item>
      </el-form>

      <div slot="footer" class="dialog-footer">
        <!--			     <el-link style="margin-right:20px;float:left">操作记录（3）</el-link>-->
        <el-button
          style="float: left; margin-left: 50px"
          @click="dialogCustomerEditLog = true"
          >操作记录（3）</el-button
        >
        <el-button>重置</el-button>
        <el-button @click="dialogCustomerEdit = false">取 消</el-button>
        <el-button type="primary" @click="alertopen">保存修改</el-button>
        <el-button type="danger" @click="alertopen">删 除</el-button>
      </div>
    </el-dialog>

    <el-dialog
      id="dialog-customer-transfer"
      title="移交客户"
      :visible.sync="dialogCustomerTransfer"
      style="display: none"
      :fullscreen="fullscreen"
    >
      <dialog-tools
        v-bind:back="true"
        v-bind:next="true"
        v-bind:goback="true"
        v-bind:prev="true"
        v-bind:screen="true"
        @clickfullscreen="clickfullscreen"
      >
      </dialog-tools>
      <el-form size="mini" :model="customer" label-width="100px">
        <el-form-item label="客户名称" prop="name">
          <el-input
            v-model="customer.name"
            placeholder="选择的客户名称"
            class="clientName"
            :disabled="true"
          ></el-input>
        </el-form-item>

        <el-form-item label="原客服姓名">
          <el-input
            v-model="customer.address"
            placeholder="旧客服"
            disabled
            auto-complete="off"
          ></el-input>
        </el-form-item>

        <el-form-item label="新客服姓名" prop="customercate">
          <el-select
            v-model="customer.customercate"
            filterable
            style="width: 100%"
          >
            <el-option
              v-for="item in customerstaffs"
              v-bind:key="item.id"
              :label="item.typename"
              :value="item.typename"
            ></el-option>
          </el-select>
        </el-form-item>

        <el-form-item label="交接原因" prop="creditrank">
          <el-select
            v-model="customer.creditrank"
            filterable
            style="width: 100%"
          >
            <el-option
              v-for="item in changeReason"
              v-bind:key="item.id"
              :label="item.typename"
              :value="item.typename"
            ></el-option>
          </el-select>
        </el-form-item>

        <el-form-item label="备注" prop="name">
          <el-input
            type="textarea"
            v-model="customer.name"
            placeholder="当选择其他必须填写"
            class="clientName"
          ></el-input>
        </el-form-item>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button @click="dialogCustomerTransfer = false">取 消</el-button>
        <el-button type="primary" @click="alertopen">确定移交</el-button>
      </div>
    </el-dialog>

    <!-- <el-dialog
                id="dialog-customer-log-list"
                title="跟进记录 (4)"
                :visible.sync="dialogCustomerLogList"
                style="display:none;"
        >
            <el-table :data="openTableData" style="width: 100%">
                <el-table-column prop="date" label="日期" width="180"></el-table-column>
                <el-table-column prop="name" label="客户名称" width="180"></el-table-column>
                <el-table-column prop="name" label="进度记录" width="180"></el-table-column>
                <el-table-column prop="address" label="地址"></el-table-column>
            </el-table>
            <div slot="footer" class="dialog-footer">
                <el-button @click="dialogCustomerLogList = false">关 闭</el-button>
            </div>
        </el-dialog> -->

    <change-customer
      v-bind:dialogshow="dialogChangeCustomer"
      @dialog_close="change_customer_dialog_close"
    ></change-customer>
    <customer-genji
      v-bind:dialogshow="dialogCustomerGenji"
      @dialog_close="dialog_close_genji_customer"
    ></customer-genji>
    <send-message
      v-bind:dialogshow="dialogSendMessage"
      @dialog_close="send_message_dialog_close"
    ></send-message>
    <send-weixin
      v-bind:dialogshow="dialogWeixin"
      @dialog_close="send_weixin_dialog_close"
    ></send-weixin>
    <send-email
      v-bind:dialogshow="dialogEmail"
      @dialog_close="send_email_dialog_close"
    ></send-email>
  </div>
</template>

<style scoped>
.input-with-select.input-search .el-input__prefix {
  font-size: 35px;
  /*right:160px;*/
  left: 190px;
  cursor: pointer;
}

.input-with-select.input-search .el-input__prefix .iconfont {
  font-size: 35px;
  font-weight: 200;
}

.input-with-select.input-search .el-input__prefix .iconfont:hover {
  color: cornflowerblue;
}

.input-with-select.input-search .el-input__inner {
  height: 47px;
  /* padding-left:15px;*/
}

.input-with-select.input-search .el-input-group__prepend {
  width: 100px;
  padding-left: 5px;
}

iconfont iconpaizhao1 .col-md-12 {
  display: block;
  overflow: hidden;
  background-color: #f5f5f5;
}

.tableHeader th {
  background-color: #f5f5f5 !important;
  /*color: #000000;*/
  /*border-color: #c5c5c5;*/
}

.el-tabs__content {
  padding: 0px !important;
}

.ml-10 {
  margin-left: 10px;
}

.mg-10 {
  margin: 10px;
}

.mr-10 {
  margin-right: 10px;
}

#dialog-customer-add .el-dialog__body .el-form-item {
  width: 50%;
  float: left;
}

#dialog-customer-edit .el-dialog__body .el-form-item {
  width: 25%;
  float: left;
}

#dialog-customer-edit .el-dialog__body .el-form-item .el-select {
  width: 100%;
}

#dialog-customer-add .el-dialog__body .el-form-item .el-select {
  width: 100%;
}

#dialog-customer-info .el-dialog__body {
  padding-top: 0px;
}

.input-with-select .el-input-group__prepend {
  background-color: #fff;
}
</style>

<script>
module.exports = {
  methods: {
    handleSizeChange1(val) {
      console.log(`每页 ${val} 条`);
    },
    handleCurrentChange1(val) {
      console.log(`当前页: ${val}`);
    },
    openSearch() {
      console.log("开启搜索");
    },
    handleClick(row) {
      console.log(row);
    },
    //      handleSelectionChange (val) {
    //        //显示弹框
    //        console.log(333)
    //        this.dialogCustomer = true
    //      },
    //新建
    openCustomerAdd(val) {
      this.dialogCustomerAdd = true;
    },
    //编辑
    openCustomerEdit(val) {
      this.dialogCustomerEdit = true;
    },
    //查看
    openCustomerInfo(val) {
      this.dialogCustomerInfo = true;
    },
    //移交
    openCustomerTransfer(val) {
      console.log(val);
      this.dialogCustomerTransfer = true;
    },

    //跟进记录
    openCustomerLogList(val) {
      this.dialogCustomerLogList = true;
    },
    //操作记录
    openCustomerLogList(val) {
      this.dialogCustomerEditLog = true;
    },
    //新建提交操作
    dialogCustomerAddSubmit() {
      this.$confirm("此操作将新建客户, 是否继续?", "提示", {
        confirmButtonText: "确定",
        cancelButtonText: "取消",
        type: "warning",
      })
        .then(() => {
          this.$message({
            type: "success",
            message: "新建成功!",
          });
          this.dialogCustomerAdd = false;
        })
        .catch(() => {
          //          this.$message({
          //            type: 'info',
          //            message: '已取消操作'
          //          });
        });
    },

    handleDelCustomer(val) {
      // 删除操作
      this.$confirm("此操作将永久删除该记录, 是否继续?", "提示", {
        confirmButtonText: "确定",
        cancelButtonText: "取消",
        type: "warning",
      })
        .then(() => {
          this.$message({
            type: "success",
            message: "删除成功!",
          });
        })
        .catch(() => {
          this.$message({
            type: "info",
            message: "已取消操作",
          });
        });
    },

    alertopen() {
      this.$confirm("是否继续操作?", "提示", {
        confirmButtonText: "确定",
        cancelButtonText: "取消",
        type: "warning",
      })
        .then(() => {
          this.$message({
            type: "success",
            message: "操作成功!",
          });
        })
        .catch(() => {
          this.$message({
            type: "info",
            message: "已取消",
          });
        });
    },
    handleImport(val) {
      if (val === 1) {
        //导入操作
        this.$alert("打开文件夹导入工作", "导入", {
          confirmButtonText: "确定",
          callback: (action) => {
            this.$message({
              type: "success",
              message: "导入成功",
            });
          },
        });
      } else {
        //导出操作
        this.$alert("打开文件夹导出工作", "导出", {
          confirmButtonText: "确定",
          callback: (action) => {
            this.$message({
              type: "success",
              message: "导出表格成功",
            });
          },
        });
      }
    },

    handleButtons(val) {
      console.log(2222);
      switch (val) {
        case 1:
          this.dialogSendMessage = "true";
          console.log(this.dialogSendMessage);
          break;
        case 2:
          this.dialogWeixin = "true";
          console.log(this.dialogWeixin);
          break;
        case 3:
          this.dialogEmail = "true";
          console.log(this.dialogEmail);
          break;
        case 4:
          this.dialogChangeCustomer = "true";
          console.log(this.dialogChangeCustomer);
          break;
        case 10:
          console.log(333);
          this.dialogCustomerInfo = "false";
          this.dialogCustomerGenji = "true";
          console.log(this.dialogCustomerGenji);
          break;
        case 6:
          this.$message({
            type: "success",
            message: "上报成功，请等待",
          });
          break;

        case 5:
          this.$message({
            type: "success",
            message: "领取成功",
          });
          break;
      }
    },

    //			handleChangeCustomer(val) {
    //				this.dialogCustomerEdit = 'true'
    //				console.log(this.dialogCustomerEdit)
    //			},
    dialogAdd() {
      console.log(123);
    },

    showHide(text) {
      console.log(text);
    },
    send_message_dialog_close(val) {
      console.log(val);
      this.dialogSendMessage = false;
    },
    send_weixin_dialog_close(val) {
      this.dialogWeixin = false;
    },
    send_email_dialog_close(val) {
      this.dialogEmail = false;
    },
    change_customer_dialog_close(val) {
      console.log(val);
      this.dialogChangeCustomer = false;
    },
    //跟进
    dialog_close_genji_customer(val) {
      console.log(val);
      this.dialogCustomerGenji = false;
    },
    clickfullscreen() {
      this.fullscreen = !this.fullscreen;
    },
    handlePreview() {
      return false;
    },
  },

  data() {
    return {
      fullscreen: false,
      currentPage1: 10,
      inputSearch: "",
      selectsearch: "",
      dialogCustomerLogList: false,
      dialogCustomerInfo: false,
      dialogCustomerEdit: false,
      dialogCustomerEditLog: false,
      dialogCustomerAdd: false,
      dialogCustomerTransfer: false,
      dialogSendMessage: false,
      dialogWeixin: false,
      dialogEmail: false,
      dialogChangeCustomer: false, //客户跟进
      dialogCustomerGenji: false, //新的客户跟进
      customer: {
        name: "",
        customercode: "",
        customerstatus: "",
        customercate: "",
        creditrank: "",
        creditline: "",
        capital: "",
        annualsales: "",
        bank: "",
        certificateno: "",
        address: "",
        area: "",
        brand: "",
        bankaccount: "",
        trademark: "",
        website: "",
        lperson: "",
        lphone: "",
        contacts: "",

        phone: "",
        phonenum: "",
        weixin: "",
        email: "",
        fax: "",
        resource: "",
        requirement: "",
        ordercountmonth: "",
        purchaseamountmonth: "",
        ordercountyear: "",
        purchaseamountyear: "",
        customerstaffname: "",
        customerstaffcode: "",
        operator: "",
        insertime: "",
        remark: "",
      },
      //新建客户
      labelPosition: "right",
      customerAddForm: {
        name: "",
        six: "",
        type: "",
        tel: "",
        mobile: "",
        remark: "",
      },
      customerEditForm: {
        name: "某珠宝公司",
        six: "",
        type: "",
        tel: "",
        mobile: "",
        remark: "",
      },
      rules: {
        name: [
          { required: true, message: "请输入客户名称", trigger: "blur" },
          {
            min: 2,
            max: 20,
            message: "长度在 2 到 20 个字符",
            trigger: "blur",
          },
        ],
        tel: [{ required: true, message: "请输入电话号码", trigger: "change" }],
      },
      form: {
        typeId: "",
      },

      openTableData: [
        {
          date: "2016-05-02",
          name: "xxx",
          address: "上海市普陀区金沙江路 1518 弄",
        },
        {
          date: "2016-05-04",
          name: "xxx",
          address: "上海市普陀区金沙江路 1517 弄",
        },
        {
          date: "2016-05-01",
          name: "xxx",
          address: "上海市普陀区金沙江路 1519 弄",
        },
        {
          date: "2016-05-03",
          name: "xxx",
          address: "上海市普陀区金沙江路 1516 弄",
        },
      ],

      select: {
        name: "",
        introduce: "",
        cooperative_brand: "",
        customer_status: "",
        customer_level: "",
        now_principal_id: "",
        last_follow_up_date: "",
        create_date: "",
      },

      crmsclientStatic: [
        {
          typename: "A级",
        },
        {
          typename: "B级",
        },
        {
          typename: "C级",
        },
        {
          typename: "D级",
        },
      ],

      crmsclientRank: [
        {
          typename: "A类",
        },
        {
          typename: "B类",
        },
        {
          typename: "C类",
        },
        {
          typename: "D类",
        },
      ],

      customerstaffs: [
        {
          typename: "客服1",
        },
        {
          typename: "客服2",
        },
        {
          typename: "客服3",
        },
        {
          typename: "客服4",
        },
      ],

      changeReason: [
        {
          typename: "交接原因一",
        },
        {
          typename: "交接原因二",
        },
        {
          typename: "交接原因三",
        },
        {
          typename: "其他",
        },
      ],

      options1: [],

      pickerOptions2: {
        shortcuts: [
          {
            text: "最近一周",
            onClick(picker) {
              const end = new Date();
              const start = new Date();
              start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);
              picker.$emit("pick", [start, end]);
            },
          },
          {
            text: "最近一个月",
            onClick(picker) {
              const end = new Date();
              const start = new Date();
              start.setTime(start.getTime() - 3600 * 1000 * 24 * 30);
              picker.$emit("pick", [start, end]);
            },
          },
          {
            text: "最近三个月",
            onClick(picker) {
              const end = new Date();
              const start = new Date();
              start.setTime(start.getTime() - 3600 * 1000 * 24 * 90);
              picker.$emit("pick", [start, end]);
            },
          },
        ],
      }, //日期控件
      pickerOptions1: {
        disabledDate(time) {
          return time.getTime() > Date.now();
        },
        shortcuts: [
          {
            text: "今天",
            onClick(picker) {
              picker.$emit("pick", new Date());
            },
          },
          {
            text: "昨天",
            onClick(picker) {
              const date = new Date();
              date.setTime(date.getTime() - 3600 * 1000 * 24);
              picker.$emit("pick", date);
            },
          },
          {
            text: "一周前",
            onClick(picker) {
              const date = new Date();
              date.setTime(date.getTime() - 3600 * 1000 * 24 * 7);
              picker.$emit("pick", date);
            },
          },
        ],
      }, //首次合作日期

      showCustomerCode: true,
      showCustomerStatus: true,
      showCustomerCate: true,
      showCreditRank: true,
      showCreditLine: true,
      showCapital: true,
      showAnnualSales: true,
      showBank: true,
      showCertificateNo: true,
      showAddress: true,
      showArea: true,
      showBrand: true,
      showBankAccount: true,
      showTrademark: true,
      showWebsite: true,
      showLperson: true,
      showLphone: true,
      showContacts: true,

      showPhone: true,
      showPhoneNum: true,
      showWeixin: true,
      showEmail: true,
      showFax: true,
      showResource: true,
      showRequirement: true,
      showOrderCountMonth: true,
      showPurchaseAmountMonth: true,
      showOrderCountYear: true,
      showPurchaseAmountYear: true,
      showCustomerStaffName: true,
      showCustomerStaffCode: true,
      showOperator: true,
      showInsertime: true,
      showRemark: true,

      tableData: [
        {
          createtime: "2018-04-02",
          id: "99999",
          name: "某某珠宝公司",
          contacts: "上官金虹",
          tel: "0755-88888888",
          mobile: "13188888888",
          wx_number: "zb6666",
          kfdm: "DFAE3",
          kfzt: "合作中",
          email: "131888@163.com",
          fax: "0755-88888888",
          addr: "广东省深圳市龙岗区布吉街道吉华路123号",
          website: "www.xxxx23422.com",
          resource: "熟人介绍",
          log: "无",
          followuptime: "-",
          creator: "王某某",
          updatetime: "2020-01-01",
          remark: "珠宝销售企业",
        },
        {
          createtime: "2016-05-02",
          id: "2",
          name: "某某珠宝公司",
          contacts: "李先生",
          tel: "021-88888888",
          mobile: "13188886666",
          kfdm: "DFAE3 ",
          kfzt: "未合作",
          wx_number: "",
          email: "13188asda8@163.com",
          fax: "0755-12345678",
          addr: "深圳市龙岗区布吉华路123号",
          website: "www.xxxx2222222.com",
          resource: "熟人介绍",
          log: "5",
          followuptime: "2020-01-01",
          creator: "王某某",
          updatetime: "2020-06-06",
          remark: "珠宝销售企业",
        },
        {
          createtime: "2016-05-02",
          id: "3",
          name: "某某珠宝公司",
          contacts: "李先生",
          kfdm: "DFAE34",
          kfzt: "中断合作",
          tel: "021-88888888",
          mobile: "13188886666",
          wx_number: "",
          email: "13188asda8@163.com",
          fax: "0755-12345678",
          addr: "深圳市龙岗区布吉华路123号",
          website: "www.xxxx2222222.com",
          resource: "熟人介绍",
          log: "5",
          followuptime: "2020-01-01",
          creator: "王某某",
          updatetime: "2020-06-06",
          remark: "珠宝销售企业",
        },
        {
          createtime: "2016-05-02",
          id: "4",
          name: "某某珠宝公司",
          contacts: "李先生",
          tel: "021-88888888",
          mobile: "13188886666",
          wx_number: "",
          email: "13188asda8@163.com",
          fax: "0755-12345678",
          addr: "深圳市龙岗区布吉华路123号",
          website: "www.xxxx2222222.com",
          resource: "熟人介绍",
          log: "20",
          followuptime: "2020-01-01",
          creator: "王某某",
          updatetime: "2020-06-06",
          remark: "珠宝销售企业",
        },
        {
          createtime: "2016-05-02",
          id: "5",
          name: "某某珠宝公司",
          contacts: "李先生",
          tel: "021-88888888",
          mobile: "13188886666",
          wx_number: "",
          email: "13188asda8@163.com",
          fax: "0755-12345678",
          addr: "深圳市龙岗区布吉华路123号",
          website: "www.xxxx2222222.com",
          resource: "熟人介绍",
          log: "100",
          followuptime: "2020-01-01",
          creator: "王某某",
          updatetime: "2020-06-06",
          remark: "珠宝销售企业",
        },
        {
          createtime: "2016-05-02",
          id: "6",
          name: "某某珠宝公司",
          contacts: "李先生",
          tel: "021-88888888",
          mobile: "13188886666",
          wx_number: "",
          email: "13188asda8@163.com",
          fax: "0755-12345678",
          addr: "深圳市龙岗区布吉华路123号",
          website: "www.xxxx2222222.com",
          resource: "熟人介绍",
          log: "5",
          followuptime: "2020-01-01",
          creator: "王某某",
          updatetime: "2020-06-06",
          remark: "珠宝销售企业",
        },
        {
          createtime: "2016-05-02",
          id: "7",
          name: "某某珠宝公司",
          contacts: "李先生",
          tel: "021-88888888",
          mobile: "13188886666",
          wx_number: "",
          email: "13188asda8@163.com",
          fax: "0755-12345678",
          addr: "深圳市龙岗区布吉华路123号",
          website: "www.xxxx2222222.com",
          resource: "熟人介绍",
          log: "5",
          followuptime: "2020-01-01",
          creator: "王某某",
          updatetime: "2020-06-06",
          remark: "珠宝销售企业",
        },
        {
          createtime: "2016-05-02",
          id: "8",
          name: "某某珠宝公司",
          contacts: "李先生",
          tel: "021-88888888",
          mobile: "13188886666",
          wx_number: "",
          email: "13188asda8@163.com",
          fax: "0755-12345678",
          addr: "深圳市龙岗区布吉华路123号",
          website: "www.xxxx2222222.com",
          resource: "熟人介绍",
          log: "5",
          followuptime: "2020-01-01",
          creator: "王某某",
          updatetime: "2020-06-06",
          remark: "珠宝销售企业",
        },
        {
          createtime: "2016-05-02",
          id: "9",
          name: "某某珠宝公司",
          contacts: "李先生",
          tel: "021-88888888",
          mobile: "13188886666",
          wx_number: "",
          email: "13188asda8@163.com",
          fax: "0755-12345678",
          addr: "深圳市龙岗区布吉华路123号",
          website: "www.xxxx2222222.com",
          resource: "熟人介绍",
          log: "5",
          followuptime: "2020-01-01",
          creator: "王某某",
          updatetime: "2020-06-06",
          remark: "珠宝销售企业",
        },
        {
          createtime: "2016-05-02",
          id: "10",
          name: "某某珠宝公司",
          contacts: "李先生",
          tel: "021-88888888",
          mobile: "13188886666",
          wx_number: "",
          email: "13188asda8@163.com",
          fax: "0755-12345678",
          addr: "深圳市龙岗区布吉华路123号",
          website: "www.xxxx2222222.com",
          resource: "熟人介绍",
          log: "5",
          followuptime: "2020-01-01",
          creator: "王某某",
          updatetime: "2020-06-06",
          remark: "珠宝销售企业",
        },
        {
          createtime: "2016-05-02",
          id: "11",
          name: "某某珠宝公司",
          contacts: "李先生",
          tel: "021-88888888",
          mobile: "13188886666",
          wx_number: "",
          email: "13188asda8@163.com",
          fax: "0755-12345678",
          addr: "深圳市龙岗区布吉华路123号",
          website: "www.xxxx2222222.com",
          resource: "熟人介绍",
          log: "5",
          followuptime: "2020-01-01",
          creator: "王某某",
          updatetime: "2020-06-06",
          remark: "珠宝销售企业",
        },
        {
          createtime: "2016-05-02",
          id: "12",
          name: "某某珠宝公司",
          contacts: "李先生",
          tel: "021-88888888",
          mobile: "13188886666",
          wx_number: "",
          email: "13188asda8@163.com",
          fax: "0755-12345678",
          addr: "深圳市龙岗区布吉华路123号",
          website: "www.xxxx2222222.com",
          resource: "熟人介绍",
          log: "5",
          followuptime: "2020-01-01",
          creator: "王某某",
          updatetime: "2020-06-06",
          remark: "珠宝销售企业",
        },
        {
          createtime: "2016-05-02",
          id: "1000",
          name: "某某珠宝公司",
          contacts: "李先生",
          tel: "021-88888888",
          mobile: "13188886666",
          wx_number: "",
          email: "13188asda8@163.com",
          fax: "0755-12345678",
          addr: "深圳市龙岗区布吉华路123号",
          website: "www.xxxx2222222.com",
          resource: "熟人介绍",
          log: "5",
          followuptime: "2020-01-01",
          creator: "王某某",
          updatetime: "2020-06-06",
          remark: "珠宝销售企业",
        },
      ],
      multipleSelection: [],
    };
  },
  components: {
    // 将组建加入组建库
    "customer-info": "url:./customer-info.vue",
    "send-message": "url:./send/send-message.vue",
    "send-weixin": "url:./send/send-weixin.vue",
    "send-email": "url:./send/send-email.vue",
    "change-customer": "url:./change-customer.vue",
    //新的跟进
    //"customer-genjin": "url:./customer-genjin.vue",
    "edit-log": "url:./edit-log.vue",
    "dialog-tools": "url:./tools/dialog-tools.vue",
  },
};
</script>

</body>
</html>
